.user-login{
	h1 {
	  color: red;
	}

	

	.b1 {
		height: 10px;
		background-color: #000;
		transform: scaleY(0.5); transform-origin: 0 0;
	}

	.fictitious-keyboard {
		width: 100%;
		table-layout: fixed;
    border-collapse: separate;
    border-spacing: 5px 10px;
    text-align: center;
		td {
			border: 1px solid red;
			border-radius: 5px;
			vertical-align: middle;
		}
	}


  .example { 
    background: white url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect fill='%2300b1ff' width='100%25' height='100%25'/%3E%3C/svg%3E");
  }
}
/*@svg 1px-border { 
	height: 2px; 
	@rect { 
		fill: var(--color, black); 
		width: 100%; 
		height: 50%; 
	} 
} 

.example { 
	border: 1px solid transparent; 
	border-image: svg(1px-border param(--color #00b1ff)) 2 2 stretch; 
}*/

